<template>
	<el-form>
		<el-popover
			placement="top-start"
			width="200"
			trigger="hover"
			:content="$store.getters.hoverPerty.baseInfo[hoverPerproty]"
		>
			<el-form slot="reference">
				<el-form-item :label="title" :required="required">
					<span v-if="['6'].includes(dataType)">
						<slot class="hoverClass"></slot>
					</span>
				</el-form-item>
			</el-form>
		</el-popover>
	</el-form>
</template>
<script>
export default {
	name: 'HoverCom',
	props: {
		hoverPerproty: {
			type: String,
			default: ''
		},
		title: {
			type: String,
			default: ''
		},
		dataType: {
			type: String,
			default: ''
		},
		required: {
			type: Boolean,
			default: false
		}
	}
}
</script>
